$(function () {
    /**
     * jquery方法：addClass()
     * addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
     */
    $("#login").addClass("current");
    // * 正则检验邮箱
    function check_email(email) {
        if (/^[\w\-\.]+@[\w\-]+(\.[a-zA-Z]{2,4}){1,2}$/.test(email)) {
            // return true 表示验证通过
            return true;
        }
    }
    //  input 按键事件keyup
    $("input[name]").keyup(function (e) {
        //禁止输入空格  把空格替换掉(空格的ASCII为32)
        if ($(this).attr('name') == "pass" && e.keyCode == 32) {
            $(this).val(function (i, v) {
                return $.trim(v);
            });
        }
        if ($.trim($(this).val()) != "") {
            $(this).nextAll('span').eq(0).css({ display: 'none' });
        }
    });
    //错误信息
    var succ_arr = [];
    /**
     * input失去焦点事件focusout
     * 这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。
     */
    $("input[name]").focusout(function (e) {
        var msg = "";
        if ($.trim($(this).val()) == "") {
            if ($(this).attr('name') == 'userName') {
                succ_arr[0] = false;
                msg = "登入名为空";
            } else if ($(this).attr('name') == 'pass') {
                succ_arr[1] = false;
                msg = "密码为空";
            }
        } else {
            if ($(this).attr('name') == 'userName') {
                succ_arr[0] = true;
            } else if ($(this).attr('name') == 'pass') {
                succ_arr[1] = true;
            }
        }
        $(this).nextAll('span').eq(0).css({ display: 'block' }).text(msg);
    });



});